<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jquery 事件</title>
		<script src="../js/jquery-3.4.1.min.js"></script>
		<script>
			$(function(){
				//事件绑定机制
				//document.getElementById("btnBig").onclick=function(){}
				//bind,on,事件
				// $("#btnBug").bind("click",function(){
					
				// });
				//高度小于100，按钮禁用
				$("#btnBig").click(function(){
					//图片每次加大20像素
					//$("#p1").css("height");
					let h=$("#p1").height();
					//alert(h);
					$("#p1").height(h-20); 
				});
			});
		</script>
	</head>
	<body>
		<div id="d1">
			<img src="../day12/2.jpg" id="p1"/>
		</div>
		<button type="button" id="btnBig">变大图片</button>
	</body>
</html>
